<!doctype html>
<!-- <copyright>
Copyright (c) 2012, Motorola Mobility LLC.
All Rights Reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright notice,
  this list of conditions and the following disclaimer.

* Redistributions in binary form must reproduce the above copyright notice,
  this list of conditions and the following disclaimer in the documentation
  and/or other materials provided with the distribution.

* Neither the name of Motorola Mobility LLC nor the names of its
  contributors may be used to endorse or promote products derived from this
  software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
</copyright> -->
<html>
<head>
    <title>Repetition Spec</title>
    <script type="text/javascript" src="../../../../montage.js" data-package="../../../"></script>
    <script type="text/montage-serialization">{
            "owner": {
                "value": {}
            },

            "application": {
                "prototype": "montage/core/application",
                "values": {
                    "delegate": {"@": "repetitiontest1"}
                }
            },
            "repetitiontest1": {
                "prototype": "spec/ui/repetition/repetition-test",
                "values": {
                    "repetition1": {"@": "repetition1"},
                    "repetition2": {"@": "repetition2"},
                    "repetition3": {"@": "repetition3"},
                    "repetition4": {"@": "repetition4"},
                    "repetition5": {"@": "repetition5"},
                    "repetition6": {"@": "repetition6"},
                    "repetition7": {"@": "repetition7"},
                    "repetition8": {"@": "repetition8"},
                    "repetition9": {"@": "repetition9"},
                    "repetition12": {"@": "repetition12"},
                    "repetition15": {"@": "repetition15"},
                    "domRepetition": {"@": "domRepetition"},
                    "tableRepetition": {"@": "tableRepetition"},
                    "repetitionController": {"@": "repetitionController"},
                    "list1Objects": [

                    ],
                    "list2Objects": [
                        {
                            "text": "This"
                        }
                    ],
                    "list3Objects": [

                    ],
                    "list4Objects": [

                    ],
                    "list5Objects": [

                    ],
                    "list6Objects": [

                    ],
                    "list7Objects": [
                        1,
                        2
                    ],
                    "list8Objects": [
                        1,
                        2
                    ],
                    "list9Objects": [

                    ],
                    "list10Objects": [

                    ],
                    "text": "Hello",
                    "simpleArrayController": {"@": "simpleArrayController"},
                    "simpleArrayControllerContent": ["one", "two", "three"]
                }
            },
            "repetition1": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list1"},
                    "content": {"<-": "@repetitiontest1.list1Objects"}
                }
            },
            "textfield1": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield1"},
                    "text": {"<-": "@repetition2:iteration.object.text"}
                }
            },
            "repetition2": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list2"},
                    "content": {"<-": "@repetitiontest1.list2Objects"}
                }
            },
            "textfield2": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield2"},
                    "text": {"<-": "@repetition3:iteration.object.text"}
                }
            },
            "repetition3": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list3a"},
                    "content": {"<-": "@repetition4:iteration.object"}
                }
            },
            "repetition4": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list3"},
                    "content": {"<-": "@repetitiontest1.list3Objects"}
                }
            },
            "componenty1": {
                "prototype": "spec/ui/repetition/componenty.reel[ComponentY]",
                "values": {
                    "element": {"#": "content3"}
                }
            },
            "repetition6": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list4a"},
                    "content": {"<-": "@repetition5:iteration.object"}
                }
            },
            "repetition5": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list4"},
                    "content": {"<-": "@repetitiontest1.list4Objects"}
                }
            },
            "textfield3": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield4"},
                    "text": "X here"
                }
            },
            "componentx1": {
                "prototype": "spec/ui/repetition/componentx.reel[ComponentX]",
                "values": {
                    "element": {"#": "content4"},
                    "textfield": {"@": "textfield3"}
                }
            },
            "repetition8": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list5a"},
                    "content": {"<-": "@repetition7:iteration.object"}
                }
            },
            "repetition7": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list5"},
                    "content": {"<-": "@repetitiontest1.list5Objects"}
                }
            },
            "componentrep1": {
                "prototype": "spec/ui/repetition/componentrep.reel[ComponentRep]",
                "values": {
                    "element": {"#": "componentrep1"}
                }
            },
            "componentrep2": {
                "prototype": "spec/ui/repetition/componentrep.reel[ComponentRep]",
                "values": {
                    "element": {"#": "componentrep2"}
                }
            },
            "componentrep3": {
                "prototype": "spec/ui/repetition/componentrep.reel[ComponentRep]",
                "values": {
                    "element": {"#": "list6comp1"},
                    "listObjects": {"<-": "@repetition9:iteration.object.elements1"}
                }
            },
            "componentrep4": {
                "prototype": "spec/ui/repetition/componentrep.reel[ComponentRep]",
                "values": {
                    "element": {"#": "list6comp2"},
                    "listObjects": {"<-": "@repetition9:iteration.object.elements2"}
                }
            },
            "repetition9": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list6"},
                    "content": {"<-": "@repetitiontest1.list6Objects"}
                }
            },
            "textfield4": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield5"},
                    "text": {"<-": "@repetitiontest1.text"}
                }
            },
            "componentx2": {
                "prototype": "spec/ui/repetition/componentx.reel[ComponentX]",
                "values": {
                    "element": {"#": "content5"},
                    "textfield": {"@": "textfield4"}
                }
            },
            "repetition10": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list7"},
                    "content": {"<-": "@repetitiontest1.list7Objects"}
                }
            },
            "actioneventlistener1": {
                "prototype": "montage/core/event/action-event-listener",
                "values": {
                    "handler": {"@": "repetitiontest1"},
                    "action": "listener"
                }
            },
            "textfield5": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield6"}
                },
                "listeners": [
                    {
                        "type": "action",
                        "listener": {"@": "actioneventlistener1"},
                        "capture": false,
                        "oneway": true
                    }
                ]
            },
            "repetition11": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list8"},
                    "content": {"<-": "@repetitiontest1.list8Objects"}
                }
            },
            "textfield6": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield7"}
                }
            },
            "repetition12": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list9"},
                    "content": {"<-": "@repetitiontest1.list9Objects"}
                }
            },
            "componentz1": {
                "prototype": "spec/ui/repetition/componentz.reel[ComponentZ]",
                "values": {
                    "element": {"#": "componentz1"},
                    "text": "o1"
                }
            },
            "componentz2": {
                "prototype": "spec/ui/repetition/componentz.reel[ComponentZ]",
                "values": {
                    "element": {"#": "componentz2"},
                    "text": "o2"
                }
            },
            "componentslowload1": {
                "prototype": "spec/ui/repetition/componentslowload[ComponentSlowLoad]",
                "values": {
                    "element": {"#": "componentslowload1"}
                }
            },
            "repetition13": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list10"},
                    "content": {"<-": "@repetitiontest1.list10Objects"}
                }
            },
            "repetitionController": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "repetitionController"},
                    "contentController": {"@": "simpleArrayController"}
                }
            },
            "simpleArrayController": {
                "prototype": "montage/core/range-controller",
                "values": {
                    "content": {"<-": "@repetitiontest1.simpleArrayControllerContent"}
                }
             },
            "repetitionControllerText": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "repetitionControllerText"},
                    "value": "foo"
                }
            },
            "repetition14": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list11"},
                    "content": [1, 2, 3]
                }
            },
            "repetition14a": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list11a"},
                    "content": [1, 2, 3]
                }
            },
            "repetition14b": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list11b"},
                    "content": [1, 2, 3]
                }
            },
            "repetition14btemplate": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list11btemplate"},
                    "content": [1, 2, 3]
                }
            },
            "text11b": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "text11b"},
                    "value": "Y"
                }
            },
            "repetition15": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list13"},
                    "content": [1, 2, 3]
                }
            },
            "repetition16": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list14"}
                }
            },
            "slider": {
                "prototype": "montage/ui/component",
                "values": {
                    "element": {"#": "slider"},
                    "hasTemplate": false
                }
            },
            "repetition17": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list15"},
                    "content": []
                }
            },
            "textfield8": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield8"},
                    "text": {"<-": "@repetition17:iteration.object"}
                }
            },
            "repetition18": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list16"},
                    "content": [1, 2, 3]
                }
            },
            "repetition19": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "list17"},
                    "content": [1, 2]
                }
            },

            "listParameters": {
                "prototype": "spec/ui/repetition/list-parameters.reel",
                "values": {
                    "element": {"#": "listParameters"}
                }
            },

            "listParametersText": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "listParametersText"},
                    "value": "Text"
                }
            },

            "listParametersDecorator": {
                "prototype": "spec/ui/repetition/list-parameters-decorator.reel",
                "values": {
                    "element": {"#": "listParametersDecorator"}
                }
            },

            "listParametersDecoratorText": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "listParametersDecoratorText"},
                    "value": "Text"
                }
            },

            "listParametersDecoratorColliding": {
                "prototype": "spec/ui/repetition/list-parameters-decorator.reel",
                "values": {
                    "element": {"#": "listParametersDecoratorColliding"}
                }
            },

            "text": {
                "value": "Text Collision"
            },

            "listParametersDecoratorCollidingText": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "listParametersDecoratorCollidingText"},
                    "text": {"@": "text"}
                }
            },

            "namedParameters": {
                "prototype": "spec/ui/repetition/named-parameters.reel",
                "values": {
                    "element": {"#": "namedParameters"}
                }
            },

            "textfield9": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield9"},
                    "text": "left"
                }
            },

            "textfield10": {
                "prototype": "spec/ui/repetition/textfield.reel[TextField]",
                "values": {
                    "element": {"#": "textfield10"},
                    "text": "right"
                }
            },

            "substitution": {
                "prototype": "montage/ui/substitution.reel",
                "values": {
                    "element": {"#": "substitution"},
                    "switchValue": "default"
                }
            },

            "repetitionInSubstitution": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "repetitionInSubstitution"},
                    "content": [1, 2, 3]
                }
            },

            "textInSubstitution": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "textInSubstitution"},
                    "value": {"<-": "@repetitionInSubstitution:iteration.object"}
                }
            },

            "aliasRepetitionIteration": {
                "prototype": "spec/ui/repetition/alias-repetition-iteration.reel",
                "values": {
                    "element": {"#": "aliasRepetitionIteration"}
                }
            },

            "text100": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "text100"},
                    "value": {"<-": "@aliasRepetitionIteration:i.object"}
                }
            },

            "aliasNestedRepetitionIteration": {
                "prototype": "spec/ui/repetition/alias-nested-repetition-iteration.reel",
                "values": {
                    "element": {"#": "aliasNestedRepetitionIteration"}
                }
            },

            "text110": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "text110"},
                    "value": {"<-": "@aliasNestedRepetitionIteration:i.object + '-' + @aliasNestedRepetitionIteration:j.object"}
                }
            },

            "aliasChainedRepetitionIteration": {
                "prototype": "spec/ui/repetition/alias-chained-repetition-iteration.reel",
                "values": {
                    "element": {"#": "aliasChainedRepetitionIteration"}
                }
            },

            "text120": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "text120"},
                    "value": {"<-": "@aliasChainedRepetitionIteration:i.object"}
                }
            },

            "aliasMixedRepetitionIteration": {
                "prototype": "spec/ui/repetition/alias-mixed-repetition-iteration.reel",
                "values": {
                    "element": {"#": "aliasMixedRepetitionIteration"}
                }
            },

            "aliasMixedRepetitionIterationText": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "aliasMixedRepetitionIterationText"},
                    "value": {"<-": "@aliasMixedRepetitionIteration:inner.object"}
                }
            },

            "aliasMixedRepetitionIterationHeader": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "aliasMixedRepetitionIterationHeader"},
                    "value": {"<-": "@aliasMixedRepetitionIteration:header.object"}
                }
            },

            "repetitionWithObjectAtCurrentIteration": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "repetitionWithObjectAtCurrentIteration"},
                    "content": ["a"]
                }
            },

            "objectAtCurrentIteration": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "objectAtCurrentIteration"},
                    "value": {"<-": "@repetitionWithObjectAtCurrentIteration:iteration.object"}
                }
            },

            "domRepetition": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "domRepetition"},
                    "content": [1, 2, 3],
                    "isSelectionEnabled": true
                }
            },

            "tableElementA": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "tableElementA"},
                    "value": {"<-": "@tableRepetition:iteration.object.a"}
                }
            },
            "tableElementB": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "tableElementB"},
                    "value": {"<-": "@tableRepetition:iteration.object.b"}
                }
            },

            "tableRepetition": {
                "prototype": "montage/ui/repetition.reel",
                "values": {
                    "element": {"#": "tableRepetition"},
                    "content": [
                        {"a": "1-1", "b": "1-2"},
                        {"a": "2-1", "b": "2-2"}
                    ]
                }
            }

    }</script>
</head>
<body>
    <h2>Static Repetition</h2>
    <ul data-montage-id="list1" class="list1">
        <li>Hello Friend!</li>
    </ul>

    <h2>Component Repetition</h2>
    <ul data-montage-id="list2" class="list2">
        <li>Name: <span data-montage-id="textfield1" class="textfield1"></span></li>
    </ul>

    <h2>Nested Repetition</h2>
    <ul data-montage-id="list3" class="list3">
        <li>
            Inner List:
            <ul data-montage-id="list3a" class="list3a">
                <li><span data-montage-id="textfield2" class="textfield2"></span></li>
            </ul>
        </li>
    </ul>

    <h2>SCC Nested Repetition</h2>
    <ul data-montage-id="list4" class="list4">
        <li>
            <ul data-montage-id="list4a" class="list4a">
                <li><div data-montage-id="content3" class="content3"></div></li>
            </ul>
        </li>
    </ul>

    <h2>DCC Nested Repetition</h2>
    <ul data-montage-id="list5" class="list5">
        <li>
            <ul data-montage-id="list5a" class="list5a">
                <li>
                    <div data-montage-id="content4" class="content4">
                        <span data-montage-id="textfield4" class="textfield4"></span>
                    </div>
                </li>
            </ul>
        </li>
    </ul>

    <h2>Component Repetition 1</h2>
    <div data-montage-id="componentrep1" class="componentrep1"></div>

    <h2>Component Repetition 2</h2>
    <div data-montage-id="componentrep2" class="componentrep2"></div>

    <h2>Repetition With Components That Have Repetitions</h2>
    <ul data-montage-id="list6" class="list6">
        <li>
            Iteration
            <span data-montage-id="list6comp1" class="list6comp1"></span>
            <span data-montage-id="list6comp2" class="list6comp2"></span>
        </li>
    </ul>

    <h2>Binding Repetitions</h2>
    <ul data-montage-id="list7" class="list7">
        <li>
            <div data-montage-id="content5" class="content5">
                <span data-montage-id="textfield5" class="textfield5"></span>
            </div>
        </li>
    </ul>

    <h2>ActionEventListener Repetitions</h2>
    <ul data-montage-id="list8" class="list8">
        <li>
            Iteration
            <span data-montage-id="textfield6" class="textfield6"></span>
        </li>
    </ul>

    <h2>Repetitions With Direct Components</h2>
    <div data-montage-id="list9" class="list9">
        <span data-montage-id="textfield7" class="textfield7"></span>
    </div>

    <h2>Repetitions in the same Component but with different external objects</h2>
    <div data-montage-id="componentz1" class="componentz1"></div>
    <div data-montage-id="componentz2" class="componentz2"></div>

    <h2>Repetitions with async loadComponentTree components</h2>
    <ul data-montage-id="list10" class="list10">
        <li>
            <span data-montage-id="componentslowload1" class="componentslowload1"></span>
        </li>
    </ul>

    <h2>Repetitions with content controller</h2>
    <ul data-montage-id="repetitionController" class="repetitionController">
        <li data-montage-id="repetitionControllerText" class="repetitionControllerText"></li>
    </ul>

    <h2>Repetition with innerTemplate change</h2>
    <ul data-montage-id="list11" class="list11">
        <li>X</li>
    </ul>

    <ul data-montage-id="list11a" class="list11a">
        <li>X</li>
    </ul>

    <ul data-montage-id="list11b" class="list11b">
        <li>X</li>
    </ul>
    <ul data-montage-id="list11btemplate" class="list11btemplate">
        <li data-montage-id="text11b"></li>
    </ul>

    <h2>Repetition created programmatically</h2>
    <ul class="list12" data-montage-id="list12">
        <li>A</li>
    </ul>

    <h2>Repetition changed programmatically</h2>
    <ul class="list13" data-montage-id="list13">
        <li>B</li>
    </ul>

    <h2>Repetition changed after added to the draw list but before the draw</h2>
    <div class="list14" data-montage-id="list14">
        <span data-montage-id="slider"></span>
    </div>

    <div class="list15" data-montage-id="list15">
        <span data-montage-id="textfield8"></span>
    </div>

    <h2>Repetition with objects defined by value in the serialization</h2>
    <ul class="list16" data-montage-id="list16">
        <li>
            <ul class="list17" data-montage-id="list17">
                <li>
                </li>
            </ul>
        </li>
    </ul>

    <h2>Iteration Template with parameters</h2>
    <div data-montage-id="listParameters" class="listParameters">
        <span data-montage-id="listParametersText"></span>
    </div>

    <div data-montage-id="listParametersDecorator" class="listParametersDecorator">
        <span data-montage-id="listParametersDecoratorText"></span>
    </div>

    <div data-montage-id="listParametersDecoratorColliding" class="listParametersDecoratorColliding">
        <span data-montage-id="listParametersDecoratorCollidingText"></span>
    </div>

    <div data-montage-id="namedParameters" class="namedParameters">
        <span data-montage-id="textfield9" data-arg="leftSide"></span>
        <span data-montage-id="textfield10" data-arg="rightSide"></span>
    </div>

    <h2>Repetition inside Substitution</h2>

    <div data-montage-id="substitution">
        <div data-arg="default">
            <div data-montage-id="repetitionInSubstitution">
                <span data-montage-id="textInSubstitution" class="textInSubstitution"></span>
            </div>
        </div>
    </div>

    <h2>Template Properties Alias - repetition iteration</h2>

    <div data-montage-id="aliasRepetitionIteration" class="aliasRepetitionIteration">
        <div data-montage-id="text100" class="text100"></div>
    </div>

    <h2>Template Properties Alias - repetition nested iteration</h2>

    <div data-montage-id="aliasNestedRepetitionIteration" class="aliasNestedRepetitionIteration">
        <div data-montage-id="text110" class="text110"></div>
    </div>

    <h2>Template Properties Alias - chained alias</h2>

    <div data-montage-id="aliasChainedRepetitionIteration" class="aliasChainedRepetitionIteration">
        <div data-montage-id="text120" class="text120"></div>
    </div>

    <h2>Template Properties Alias - alias used, defined and instantiated in different places</h2>

    <div data-montage-id="aliasMixedRepetitionIteration" class="aliasMixedRepetitionIteration">
        <span data-arg="inner" data-montage-id="aliasMixedRepetitionIterationText" class="innerText"></span>
        <span data-arg="header" data-montage-id="aliasMixedRepetitionIterationHeader" class="header"></span>
    </div>

    <h2>Using objectAtCurrentIteration should cause a deprecation warning</h2>

    <div data-montage-id="repetitionWithObjectAtCurrentIteration" class="repetitionWithObjectAtCurrentIteration">
        <div data-montage-id="objectAtCurrentIteration" class="objectAtCurrentIteration"></div>
    </div>

    <h2>DOM Repetition</h2>

    <ul data-montage-id="domRepetition">
        <li>
            Item being repeated
        </li>
    </ul>

    <h2>Table Repetition</h2>
    <table data-montage-id="tableRepetition">
        <tr>
            <td><span data-montage-id="tableElementA"></span></td>
            <td><span data-montage-id="tableElementB"></span></td>
        </tr>
    </table>
</body>
</html>
